import React from 'react';
import activeProfile from '../Profile';

const menus = [{
  icon: require('./../img/help/video_img_07.jpg'),
  text: 'EnDevOps开发云操作演示'
}, {
  icon: require('./../img/help/video_img_05.jpg'),
  text: 'EnService产品介绍'
}, {
  icon: require('./../img/help/video_img_03.jpg'),
  text: '一分钟认识' + activeProfile.simpleName
}];

const HelpLinkItem = ({ icon, text }) => <div className='help-link-item'>
  <img src={icon} alt='icon' />
  <p className='help-link-item-title text-ellipsis1'>{text}</p>
</div>

const HelpLink = () => {
  return (
    <div className='web-page-block help-link'>
      <br />
      <br />
      <div className='web-page-block-content'>
        {
          menus.map((item, index) => <HelpLinkItem key={index} {...item} />)
        }
      </div>
    </div>
  );
}

export default HelpLink;